<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/head.css">
    <link rel="stylesheet" href="./css/foot.css">
    <link rel="stylesheet" href="./css/slider.css">
    <link rel="stylesheet" href="./css/product.css">
    
    
</head>
<body>
    <!-- 头部开始 -->
    <div class="head">
        <div class="wraper top clearfix">
            <a href="#" class="a_left">legochina.cn</a>
            <span class="span_right fr">
                欢迎光临
                <a href="#" class="a1">乐购</a>
                ,请 登录\
                <a href="#" class="a1">登录</a>
            </span>
            <!-- logo区域 -->
            <h1><img src="./imgs/logo.jpg" alt="" class="img_logo"></h1>
            <!-- 搜索栏区域 -->
           <div class="each">
                <form action="#" class="ssk">
                    <input type="text" placeholder="创意文具">
                    <input type="button">
                </form>
                <div class="fr clearfix">
                    <span class="span1 fl">
                        <a href="#">&emsp;购物车</a>
                    </span>
                    <span class="span2 fr">
                        <a href="#">我的订单</a>
                    </span>
                </div>
           </div>
           <!-- 分类区 -->
           <ul class="clearfix">
               <li><a href="#">图书</a></li>
               <li><a href="#">电子书</a></li>
               <li><a href="#">原创文学</a></li>
               <li><a href="#">服装</a></li>
               <li><a href="#">户外运动</a></li>
               <li><a href="#">孕婴童</a></li>
               <li><a href="#">家居</a></li>
               <li><a href="#">创意文具</a></li>
               <li><a href="#">地方特产</a></li>
               <li><a href="#">海外购</a></li>
               <li><a href="#">电器城</a></li>
           </ul>
        </div>
    </div>
    <!-- 头部结束 -->

    <!-- 2.banner -->
        <div id="banner" class="wraper clearfix">
            <!-- 轮播开始 -->
            <div class="pptbox fl" id="bannerInner">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                  <li>
                    <img src="imgs/banner1.jpg" />
                  </li>
                  <li>
                    <a href="#"></a><img src="imgs/banner2.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="imgs/banner3.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="imgs/banner4.jpg" /></a>
                  </li>
                  <li>
                    <a href="#"><img src="imgs/banner5.jpg" /></a>
                  </li>
                  <li>
                      <a href="#"><img src="./imgs/banner1 (2).jpg" alt=""></a>
                  </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls" id="my_controls">
                  <li class="current">1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                  <li>5</li>
                  <li>6</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
              </div>
              <!--轮播结束-->
              
               <!-- ebook右边 -->
            <div class="ebook_right fr">
            <h2>热卖畅销</h2>
            <ul>
                <li>
                    <span>1</span>
                    <h3 class="title_hide">《三体》刘慈欣
                        一场科幻的史诗
                        风暴</h3>
                    <div class="clearfix book_show">
                        <img src="./书籍/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fl">
                            《三体》刘慈欣
                            一场科幻的史诗
                            风暴
                        </p>
                    </div>
                </li>
               <script>
                   for(let i=1;i<7;i++){
                    document.write(`
                    <li>
                        <span>${i+1}</span>
                    <h3>《三体》刘慈欣
                        一场科幻的史诗
                        风暴</h3>
                    <div class="clearfix ">
                        <img src="./书籍/23579654-1_l.jpg" alt="" class="fl">
                        <p class="fl">
                            《三体》刘慈欣
                            一场科幻的史诗
                            风暴
                        </p>
                    </div>
                </li>
                    
                    `)
                   }
               </script>
            </ul>
        </div>
        </div>
    <!-- 2banner结束 -->
    
    <!-- 广告图片开始 -->
    <div class="wraper">
        <img src="./书籍/index01_1.jpg" alt="" style="width: 1200px;">
    </div>
    <!-- 广告图片结束 -->
    
     <!-- 图书折扣开始 -->
     <div class="extend wraper clearfix">
        <!-- 上面 -->
        <div class="extend_top clearfix">
            <span class="span1 fl">乐购·图书折扣区</span>
        </div>
        <!-- 下面 -->
        <div class="extend_down ">
            <ul>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                <li>
                    <div><img src="./书籍/22935553-1_l.jpg" alt="" class="img1"></div>
                    <div><img src="./书籍/bazhe1.jpg" alt="" class="img2"></div>
                    <div class="div1">
                        <p class="p1">
                            白夜行  东野上吾
                        </p>
                        <div>
                            <p class="p3">
                                推荐:
                                <img src="./书籍/XX.png" alt="">
                            </p>
                        </div>
                        <span class="span1">
                            ¥:38 &emsp;
                        </span>
                        <span class="span2">
                            ¥:58
                        </span>
                        
                    </div>
                </li>
                
            </ul>
        </div>
    </div>
    <!-- 图书折扣结束 -->
    
    <!-- 新书上架开始 -->
    <div class="news wraper clearfix">
        <!-- 左边区域 -->
        <div class="news_left fl">
            <div class="news_top clearfix">
                <span>新</span>
                <span>书上架</span>
             </div>
             <div class="news_down">
                 <ul>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                     <li>
                         <div><img src="./书籍/22928335-1_l.jpg" alt="" class="img1"></div>
                         <div class="div1">
                             <p class="p1">
                                 查理 斯密斯
                             </p>
                             <div>
                                 <p class="p3">
                                     中国邮电出版社
                                 </p>
                             </div>
                             <span class="span1">
                                 ¥:49 &emsp;
                             </span>
                             <span class="span2">
                                 ¥:79
                             </span>
                         </div>
                     </li>
                 </ul>
             </div>
        </div>
        <!-- 右边区域 -->
        <div class="ebook_right fr">
            <h2>新书畅销榜</h2>
            <ul>
                <li>
                    <span>1</span>
                    <h3 class="title_hide">哈哈哈哈哈哈哈啊哈哈</h3>
                    <div class="clearfix book_show">
                        <img src="./imgs/index08_05.jpg" alt="" class="fl">
                        <p class="fl">
                            从你的世界路过
                            入选央视“2014中国好书”的80后作品！
                            十年华语畅销小说，王家卫陈国富倾力推荐， 
                            1500万次转发，超4亿次阅读
                        </p>
                    </div>
                </li>
               <script>
                   for(let i=1;i<7;i++){
                    document.write(`
                    <li>
                        <span>${i+1}</span>
                        <h3 class="">哈哈哈哈哈哈哈啊哈哈</h3>
                        <div class="clearfix">
                            <img src="./imgs/index08_05.jpg" alt="" class="fl">
                            <p class="fl">
                                从你的世界路过
                                入选央视“2014中国好书”的80后作品！
                                十年华语畅销小说，王家卫陈国富倾力推荐， 
                                1500万次转发，超4亿次阅读
                            </p>
                        </div>
                    </li>
                    
                    `)
                   }
               </script>
            </ul>
        </div>
    </div>
    <!-- 新书上架结束 -->

    <!-- 独家提供开始 -->
    <div class="only wraper clearfix">
        <div class="only_top clearfix">
            <p class="p1 fl">
            <span>独</span>
            <span>家提供</span>
            </p>
            <p class="p2 fr only_p">
                <span class="active">货币金融</span>
                <span>社会文学</span>
                <span>科学技术</span>
            </p>
         </div>
         <div class="only_down clearfix">
              <!-- 轮播开始 -->
              <!-- 第一个区域 -->
            <div class="pptbox fl on only_box" id="bannerInner">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                  <li>
                    <ul>
                        <script>
                               for(let i=0;i<14;i++){
                                   document.write(`
                                   <li class="fl">
                                <div><img src="./imgs/index08_05.jpg" alt="" class="img1"></div>
                                <div class="div1">
                                    <p class="p1">
                                        查理 斯密斯
                                    </p>
                                    <div>
                                        <p class="p3">
                                            中国邮电出版社
                                        </p>
                                    </div>
                                    <span class="span1">
                                        ¥:49 &emsp;
                                    </span>
                                    <span class="span2">
                                        ¥:79
                                    </span>
                                </div>
                                    </li>
                                   `)
                               }
                           </script>
                    </ul>
                  </li>
                  <li>
                    <ul>
                        <script>
                               for(let i=0;i<14;i++){
                                   document.write(`
                                   <li class="fl">
                                <div><img src="./imgs/index08_05.jpg" alt="" class="img1"></div>
                                <div class="div1">
                                    <p class="p1">
                                        查理 斯密斯
                                    </p>
                                    <div>
                                        <p class="p3">
                                            哼哼哼
                                        </p>
                                    </div>
                                    <span class="span1">
                                        ¥:49 &emsp;
                                    </span>
                                    <span class="span2">
                                        ¥:79
                                    </span>
                                </div>
                                    </li>
                                   `)
                               }
                           </script>
                    </ul>
                    </li>
                    <li>
                    <ul>
                        <script>
                               for(let i=0;i<14;i++){
                                   document.write(`
                                   <li class="fl">
                                <div><img src="./imgs/index08_05.jpg" alt="" class="img1"></div>
                                <div class="div1">
                                    <p class="p1">
                                        查理 斯密斯
                                    </p>
                                    <div>
                                        <p class="p3">
                                            哈哈哈哈
                                        </p>
                                    </div>
                                    <span class="span1">
                                        ¥:49 &emsp;
                                    </span>
                                    <span class="span2">
                                        ¥:79
                                    </span>
                                </div>
                                    </li>
                                   `)
                               }
                           </script>
                </ul>
                  </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls" id="my_controls">
                  <li class="current">1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                  <li>5</li>
                  <li>6</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
              </div>
              <!--轮播结束-->

              <!-- 第二个区域 -->
              <div class="pptbox fl only_box" id="bannerInner">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                  <li>
                    <ul>
                        <script>
                               for(let i=0;i<14;i++){
                                   document.write(`
                                   <li class="fl">
                                <div><img src="./imgs/21090357-1_l.jpg" alt="" class="img1"></div>
                                <div class="div1">
                                    <p class="p1">
                                        老子
                                    </p>
                                    <div>
                                        <p class="p3">
                                            老子
                                        </p>
                                    </div>
                                    <span class="span1">
                                        ¥:49 &emsp;
                                    </span>
                                    <span class="span2">
                                        ¥:79
                                    </span>
                                </div>
                                    </li>
                                   `)
                               }
                           </script>
                    </ul>
                  </li>
                  <li>
                    <ul>
                        <script>
                               for(let i=0;i<14;i++){
                                   document.write(`
                                   <li class="fl">
                                <div><img src="./imgs/21090357-1_l.jpg" alt="" class="img1"></div>
                                <div class="div1">
                                    <p class="p1">
                                        查理 斯密斯
                                    </p>
                                    <div>
                                        <p class="p3">
                                            哼哼哼
                                        </p>
                                    </div>
                                    <span class="span1">
                                        ¥:49 &emsp;
                                    </span>
                                    <span class="span2">
                                        ¥:79
                                    </span>
                                </div>
                                    </li>
                                   `)
                               }
                           </script>
                    </ul>
                    </li>
                    <li>
                    <ul>
                        <script>
                               for(let i=0;i<14;i++){
                                   document.write(`
                                   <li class="fl">
                                <div><img src="./imgs/21090357-1_l.jpg" alt="" class="img1"></div>
                                <div class="div1">
                                    <p class="p1">
                                        查理 斯密斯
                                    </p>
                                    <div>
                                        <p class="p3">
                                            哈哈哈哈
                                        </p>
                                    </div>
                                    <span class="span1">
                                        ¥:49 &emsp;
                                    </span>
                                    <span class="span2">
                                        ¥:79
                                    </span>
                                </div>
                                    </li>
                                   `)
                               }
                           </script>
                </ul>
                  </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls" id="my_controls">
                  <li class="current">1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                  <li>5</li>
                  <li>6</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
              </div>

              <!-- 第三个区域 -->
              <div class="pptbox fl only_box" id="bannerInner">
                <!--轮播的内容-->
                <ul class="innerwrapper">
                  <li>
                    <ul>
                        <script>
                               for(let i=0;i<14;i++){
                                   document.write(`
                                   <li class="fl">
                                <div><img src="./imgs/22499729-1_l_5.jpg" alt="" class="img1"></div>
                                <div class="div1">
                                    <p class="p1">
                                        孔子
                                    </p>
                                    <div>
                                        <p class="p3">
                                            孔子
                                        </p>
                                    </div>
                                    <span class="span1">
                                        ¥:49 &emsp;
                                    </span>
                                    <span class="span2">
                                        ¥:79
                                    </span>
                                </div>
                                    </li>
                                   `)
                               }
                           </script>
                    </ul>
                  </li>
                  <li>
                    <ul>
                        <script>
                               for(let i=0;i<14;i++){
                                   document.write(`
                                   <li class="fl">
                                <div><img src="./imgs/22499729-1_l_5.jpg" alt="" class="img1"></div>
                                <div class="div1">
                                    <p class="p1">
                                        查理 斯密斯
                                    </p>
                                    <div>
                                        <p class="p3">
                                            哼哼哼
                                        </p>
                                    </div>
                                    <span class="span1">
                                        ¥:49 &emsp;
                                    </span>
                                    <span class="span2">
                                        ¥:79
                                    </span>
                                </div>
                                    </li>
                                   `)
                               }
                           </script>
                    </ul>
                    </li>
                    <li>
                    <ul>
                        <script>
                               for(let i=0;i<14;i++){
                                   document.write(`
                                   <li class="fl">
                                <div><img src="./imgs/22499729-1_l_5.jpg" alt="" class="img1"></div>
                                <div class="div1">
                                    <p class="p1">
                                        查理 斯密斯
                                    </p>
                                    <div>
                                        <p class="p3">
                                            哈哈哈哈
                                        </p>
                                    </div>
                                    <span class="span1">
                                        ¥:49 &emsp;
                                    </span>
                                    <span class="span2">
                                        ¥:79
                                    </span>
                                </div>
                                    </li>
                                   `)
                               }
                           </script>
                </ul>
                  </li>
                </ul>
                <!--数字控制器-->
                <ul class="controls" id="my_controls">
                  <li class="current">1</li>
                  <li>2</li>
                  <li>3</li>
                  <li>4</li>
                  <li>5</li>
                  <li>6</li>
                </ul>
                <!--按钮控制器-->
                <span class="btnleft"></span>
                <span class="btnright"></span>
              </div>

            
         </div>
    </div>
    <!-- 独家提供结束 -->

    <!-- 猜你喜欢开始 -->
    <div class="only wraper clearfix">
        <div class="only_top clearfix">
            <p class="p1 fl">
            <span>猜</span>
            <span>你喜欢</span>
            </p>
            <p class="p2 fr">
                <img src="./书籍/icon_.png" alt="">
                换一换
            </p>
         </div>
         <div class="only_down clearfix">
            <ul class="main show only_down_ul">
                <script>
                    for(let i=0;i<14;i++){
                        document.write(`
                        <li>
                            <div><img src="./书籍/22790777-1_l_1.jpg" alt="" class="img1"></div>
                            <div class="div1">
                                <p class="p1">
                                    查理 斯密斯
                                </p>
                                <div>
                                    <p class="p3">
                                        中国邮电出版社
                                    </p>
                                </div>
                                <span class="span1">
                                    ¥:49 &emsp;
                                </span>
                                <span class="span2">
                                    ¥:79
                                </span>
                            </div>
                        </li> 
                        `)
                    }
                </script>
            </ul>
            <ul class="main only_down_ul">
                <script>
                    for(let i=0;i<14;i++){
                        document.write(`
                        <li>
                            <div><img src="./书籍/22616096-1_l.jpg" alt="" class="img1"></div>
                            <div class="div1">
                                <p class="p1">
                                    查理 斯密斯
                                </p>
                                <div>
                                    <p class="p3">
                                        中国邮电出版社
                                    </p>
                                </div>
                                <span class="span1">
                                    ¥:49 &emsp;
                                </span>
                                <span class="span2">
                                    ¥:79
                                </span>
                            </div>
                        </li> 
                        `)
                    }
                </script>
            </ul>
            <ul class="main only_down_ul">
                <script>
                    for(let i=0;i<14;i++){
                        document.write(`
                        <li>
                            <div><img src="./书籍/22870923-1_l_1.jpg" alt="" class="img1"></div>
                            <div class="div1">
                                <p class="p1">
                                    查理 斯密斯
                                </p>
                                <div>
                                    <p class="p3">
                                        中国邮电出版社
                                    </p>
                                </div>
                                <span class="span1">
                                    ¥:49 &emsp;
                                </span>
                                <span class="span2">
                                    ¥:79
                                </span>
                            </div>
                        </li> 
                        `)
                    }
                </script>
            </ul>
         </div>

    </div>
    <!-- 猜你喜欢结束 -->

    <!-- 社科精选开始 -->
    <div class="sift wraper clearfix">
        <ul>
            <li class="clearfix fl">
                <div class="div1 fl">
                    <p>人文社科精选</p>
                    <p>书好价优</p>
                    <p>满3件折上7折</p>
                </div>
                <div class="div2 fr">
                    <img src="./书籍/23338636-1_l_5.jpg" alt="">
                </div>
            </li>
            <li class="clearfix fl">
                <div class="div1 fl">
                    <p>人文社科精选</p>
                    <p>书好价优</p>
                    <p>满3件折上7折</p>
                </div>
                <div class="div2 fr">
                    <img src="./书籍/23338636-1_l_5.jpg" alt="">
                </div>
            </li>
            <li class="clearfix fl">
                <div class="div1 fl">
                    <p>人文社科精选</p>
                    <p>书好价优</p>
                    <p>满3件折上7折</p>
                </div>
                <div class="div2 fr">
                    <img src="./书籍/23338636-1_l_5.jpg" alt="">
                </div>
            </li>
            <li class="clearfix fl">
                <div class="div1 fl">
                    <p>人文社科精选</p>
                    <p>书好价优</p>
                    <p>满3件折上7折</p>
                </div>
                <div class="div2 fr">
                    <img src="./书籍/23338636-1_l_5.jpg" alt="">
                </div>
            </li>
            <li class="clearfix fl">
                <div class="div1 fl">
                    <p>人文社科精选</p>
                    <p>书好价优</p>
                    <p>满3件折上7折</p>
                </div>
                <div class="div2 fr">
                    <img src="./书籍/23338636-1_l_5.jpg" alt="">
                </div>
            </li>
            <li class="clearfix fl">
                <div class="div1 fl">
                    <p>人文社科精选</p>
                    <p>书好价优</p>
                    <p>满3件折上7折</p>
                </div>
                <div class="div2 fr">
                    <img src="./书籍/23338636-1_l_5.jpg" alt="">
                </div>
            </li>
        </ul>
    </div>
    <!-- 社科精选结束 -->
    <!-- 广告图片开始 -->
    <div class="wraper">
        <img src="./书籍/index01_1.jpg" alt="" style="width: 1200px;">
    </div>
    <!-- 广告图片结束 -->
     <!-- 页脚开始 -->
     <div class="footer_">
        <div class="footer">
            <div class="footer_top">
                <span class=" figure">
                    <img src="./imgs/222_11.png" alt="">
                </span>
                <span class=" figure">
                    <img src="./imgs/222_13.png" alt="">
                </span>
                <span class=" figure">
                    <img src="./imgs/222_15.png" alt="">
                </span>
                <span class=" figure">
                    <img src="./imgs/222_17.png" alt="">
                </span>
            </div>
        </div>
        <div class="footer_content">
            <div class="clearfix zn">
                <div class="fingerpost">
                    <h1><a href="#">购物指南</a></h1>
                    <p><a href="#">购物流程</a></p>
                    <p><a href="#">发票制度</a></p>
                    <p><a href="#">账户管理</a></p>
                    <p><a href="#">会员优惠</a></p>
                </div>
                <div  class="fingerpost">
                    <h1><a href="#">购物指南</a></h1>
                    <p><a href="#">购物流程</a></p>
                    <p><a href="#">发票制度</a></p>
                    <p><a href="#">账户管理</a></p>
                    <p><a href="#">会员优惠</a></p>
                </div>
                <div  class="fingerpost">
                    <h1><a href="#">购物指南</a></h1>
                    <p><a href="#">购物流程</a></p>
                    <p><a href="#">发票制度</a></p>
                    <p><a href="#">账户管理</a></p>
                    <p><a href="#">会员优惠</a></p>
                </div>
                <div  class="fingerpost">
                    <h1><a href="#">购物指南</a></h1>
                    <p><a href="#">购物流程</a></p>
                    <p><a href="#">发票制度</a></p>
                    <p><a href="#">账户管理</a></p>
                    <p><a href="#">会员优惠</a></p>
                </div>
                <div  class="fingerpost">
                    <h1><a href="#">购物指南</a></h1>
                    <p><a href="#">购物流程</a></p>
                    <p><a href="#">发票制度</a></p>
                    <p><a href="#">账户管理</a></p>
                </div>
                <img src="./imgs/logo_00.png" alt="" class="legou">
            </div>
            <div class="footer_bottom clearfix">
                <p>公司简介</p>
                <p>|</p>
                <p>Investor Relations</p>
                <p>|</p>
                <p>网站联盟</p>
                <p>|</p>
                <p>乐购招商</p>
                <p>|</p>
                <p>机构销售</p>
                <p>|</p>
                <p>手机乐购</p>
                <p>|</p>
                <p>官方Blog</p>
                <p>|</p>
                <p>热词搜索</p>
            </div>
            <p class="wenzi">Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </div>
    
    <!-- JQ插件 -->
    <script src="./lib/jquery.js"></script>
    <!-- 产品页js -->
    <script src="./js/product.js"></script>
    <!-- 页脚结束 -->
    <script src="./lib/jquery.js"></script>
              <script src="./lib/slider.js"></script>
              <script type="text/javascript">
                //主轮播图
                $("#bannerInner").tyslide({
                  boxh: 430,//盒子的高度
                  w: 1000,//盒子的宽度
                  h: 400,//图片的高度
                  isShow: true,//是否显示控制器
                  isShowBtn: true,//是否显示左右按钮
                  controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                  controlsW: 20,//控制按钮宽度
                  controlsH: 20,//控制按钮高度
                  radius: 10,//控制按钮圆角度数
                  controlsColor: "#d7d7d7",//普通控制按钮的颜色
                  controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
                  isShowNum: true //是否显示数字
                });

                //
                $(".only .only_down .pptbox").tyslide({
                  boxh: 500,//盒子的高度
                  w: 1200,//盒子的宽度
                  h: 460,//图片的高度
                  isShow: true,//是否显示控制器
                  isShowBtn: true,//是否显示左右按钮
                  controltop: 0,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
                  controlsW: 20,//控制按钮宽度
                  controlsH: 20,//控制按钮高度
                  radius: 10,//控制按钮圆角度数
                  controlsColor: "#d7d7d7",//普通控制按钮的颜色
                  controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
                  isShowNum: false //是否显示数字
                });
              </script>
</body>
</html>